/*
 * @Author: herw
 * @Date: 2020-07-14 09:45:51
 * @Last Modified by: herw
 * @Last Modified time: 2020-07-21 14:52:12
 */
<template>
  <div class="dashboard-container">
    <div class="dashboard-text">name: {{ user.username }}</div>
    <h1 style="font-size:64px;color:#fff;text-align:center;text-shadow: 5px 5px 5px #FF0000;">苍天佑我，永无BUG</h1>
  </div>
</template>

<script>
import { mapGetters } from 'vuex'

export default {
  name: 'Dashboard',
  computed: {
    ...mapGetters([
      'user'
    ])
  }
}
</script>

<style lang="scss">
.dashboard {
  &-container {
    margin: 30px;
    background: url('../../assets/images/avatar.png'),repeat;
    background-size: 160px;
    height: 100vh;
  }
  &-text {
    font-size: 30px;
    line-height: 46px;
  }
}
</style>
